import { PureComponent } from 'react'
import { DatePicker, Button } from 'antd'
import SingleTable from 'components/table/index'
import styles from './timeLiness.less'
const { RangePicker } = DatePicker
export default class TimeLiness extends PureComponent {
  render(){
    const dataList = []
    const columns = [
      {
        key: 'gmtCreate',
        title: '目的地站点',
        dataIndex: 'gmtCreate',
        align: 'center',
      },
      {
        key: 'operationTypeName',
        title: '下单->打包(小时)',
        dataIndex: 'operationTypeName',
        align: 'center',
      },
      {
        key: 'creatorName',
        title: '出库->清关完成(小时)',
        dataIndex: 'creatorName',
        align: 'center',
      },
      {
        key: '4',
        title: '航班起飞->航班到达(小时)',
        dataIndex: 'creatorName',
        align: 'center',
      },
      {
        key: '5',
        title: '航班到达->进口清关(小时)',
        dataIndex: 'creatorName',
        align: 'center',
      },
      {
        key: '6',
        title: '清关完成->目的地收运(小时)',
        dataIndex: 'creatorName',
        align: 'center',
      },
      {
        key: '7',
        title: '目的港入库->送达客户(小时)',
        dataIndex: 'creatorName',
        align: 'center',
      },
    ]
    return(
      <div className={styles.timeLiness}>
        <div className={styles.timeLinessBox}>
          <h2>物流时效统计</h2>
          <div className={styles.timeLinessSearch}>
              <span className={styles.spanContext}>收运时间：</span>
              <RangePicker style={{width: '292px'}}/>
          </div>
          <Button type="primary" style={{margin: '24px 0 0 24px'}}>查询</Button>
          <div className={styles.timeLinesstable}>
            <SingleTable
              data={{ list: dataList }}
              columns={columns}
              
            />
          </div>
        </div>
      </div>
    )
  }
}